 <div id="welcomeWrapper">
 	<span id="logo"><?php echo STORE_NAME; ?></span> <a id="news" href="#">Why do we trusted?</a>
 </div>
  
 <div id="contentMainWrapper">
 <table style="width:100%">
  <!--bof product picture and product basic information-->
  <tr style="height:380px">
   <td>
     <table>
      <tr>
        <!--bof product picture-->
        <td id="columnProductPicture" style="width:330px" align="center" valign="middle">
          <table cellspacing="10px" style="width:100%">
            <tr style="height:310px">
              <?php
              	$bigPicture = DIR_WS_MODULES . 'pages/' . $current_page_base . '/tea_particle_big.jpg';
              ?>
              <td class="addBorder"><img class="bigImage" src="<?php echo $bigPicture; ?>"/></td>
            </tr>
                        
            <tr style="height:40px">
              <?php
              	$smallPicture = DIR_WS_MODULES . 'pages/' . $current_page_base . '/tea_particle_small.jpg';
              ?>
              <td>
              	<div class="addBorder" style="width:40px"><img class="smallImage" src="<?php echo $smallPicture; ?>"/></div>
              </td>             
            </tr>
          </table>
        </td>
        <!--eof product picture-->
        
        <!--bof product basic information-->
        <td id="columnProductBasicInfo" align="left" valign="top">
          <table cellspacing="10px">
          	<tr>
          		<td id="productName" colspan="2">Tie Guan Yin Oolong Tea</td>
          	</tr>
          	<tr>
             <td class="propertyName">Weight</td>
             <td>
             	<select id="weight_select" onchange="OnWeightChange(this);">
             		<option selected="true" value="0.5">0.5kg(1.1lbs)</option>
             		<option value="1.0">1.0kg(2.2lbs)</option>
             		<option value="1.5">1.5kg(3.3lbs)</option>
             		<option value="2.0">2.0kg(4.4lbs)</option>
             		<option value="2.5">2.5kg(5.5lbs)</option>
             		<option value="3.0">3.0kg(6.6lbs)</option>
             		<option value="3.5">3.5kg(7.7lbs)</option>
             		<option value="4.0">4.0kg(8.8lbs)</option>
             		<option value="4.5">4.5kg(9.9lbs)</option>
             		<option value="5.0">5.0kg(11.0lbs)</option>             				
             	</select>             	
             </td>              
            </tr>                      
            <tr>
              <td class="propertyName">Price</td> <td><span id="priceDollar">$</span><strong id="price">98</strong></td>              
            </tr>
            <tr>
              <td class="propertyName deleteLine">Market Price</td> <td><span class="deleteLine">$&nbsp;</span><span id="marketPrice" class="deleteLine">134</span></td>              
            </tr>
            <tr>
             <td class="propertyName">Shipment</td> <td>Free</td>              
            </tr>
             <tr>
             <td class="propertyName">Payment</td> <td>PayPal</td>              
            </tr>             
          </table>
        </td>
        <!--eof product basic information-->
      </tr>
     </table>
   </td>
  </tr>
  <!--eof product picture and product basic information-->
  
  <!--bof product details and product review information navigation-->
  <script language="javascript" type="text/javascript">
  	function showProductDetail()
  	{
  		var productDetailElement = document.getElementById("productDetail");
  		productDetailElement.className = "cur";
  		
  		var productReviewElement = document.getElementById("productReview");
  		productReviewElement.className = "";
  		
  		var DetailDiv = document.getElementById("columnProductDetails");
  		DetailDiv.className = "show";
  		
  		var ReviewDiv = document.getElementById("columnProductReviews");
  		ReviewDiv.className = "hide";		  		  		  		  		
  	}
  	
  	function showProductReview()
  	{
  		var productDetailElement = document.getElementById("productDetail");
  		productDetailElement.className = "";
  		
  		var productReviewElement = document.getElementById("productReview");
  		productReviewElement.className = "cur";	
  		
  		var DetailDiv = document.getElementById("columnProductDetails");
  		DetailDiv.className = "hide";
  		
  		var ReviewDiv = document.getElementById("columnProductReviews");
  		ReviewDiv.className = "show";	  		
  	}
  </script>
  <tr id="productNavigation">
    <td>
  	 <ul>
  	  <li><a href="#" id="productDetail" class="cur" onclick="showProductDetail(); return false;">Details</a></li>
  	  <li><a href="#" id="productReview" onclick="showProductReview(); return false;">Reviews</a></li>
  	 </ul>  	 
  	</td>
  </tr>  
  <!--eof product details and product review information navigation-->
  
  <!--bof product details and product review information-->
  <tr>
   <td>
   	<div id="columnProductDetails">
   		<table>   			
   			<tr>
   				<th>Shipment</th> <td>All will be shipped by EMS Express, it will take 3-8 days normally.</td>
   			</tr>
   			<tr>
   				<th>Delivery</th> <td>Estimated between Wed.Dec.5 and Fri.Dec.21</td>
   			</tr>
   			<tr>
   				<th>Packing</th> <td>In bags, about 7g per bag.</td>
   			</tr>
   			<tr>
   				<th>Growing Season</th> <td>Autumn tea</td>
   			</tr>
   			<tr>
   				<th>Tea Origin</th> <td>China tea capital - Anxi</td>
   			</tr>
   			<tr>
   				<th>Item Location</th> <td>Fuzhou City, Fujian Province, China</td>
   			</tr>
   			<tr>
   				<th>Tea Type</th> <td>Oolong Tea</td>
   			</tr>
   			<tr>
   				<th>Series</th> <td>Aroma green tea</td>
   			</tr>
   			<tr>
   				<th>Storage Method</th> <td>Sealed, dry, microtherm , avoid light and smellmoistureproof.</td>
   			</tr>
   			<tr>
   				<th>Shelf Life</th> <td>18 months</td>
   			</tr>
   			<tr>
   				<th>Food Additives</th> <td>None</td>
   			</tr>
   			<tr>
   				<th>Grade</th> <td>Super</td>
   			</tr>
   			<tr>
   				<th>Returns</th> <td>14 days money back, buyer pays return shipping.</td>
   			</tr>   			
   		</table>
   	</div>
   	
    <div id="columnProductReviews" class="hide">
    	<table>
    		<tr>
    			<td>
    				<p class="review">kinglon is a good boy. kinglon is a good boy kinglon is a good boy kinglon is a good boy kinglon is a good boy kinglon is a good boy</p>
    				<p class="time">On January 1, from 172.18.8.1</p>    				
    			</td>
    		</tr>
    		
    		<tr>
    			<td>
    				<p class="review">kinglon is a good boy. kinglon is a good boy kinglon is a good boy kinglon is a good boy kinglon is a good boy kinglon is a good boy</p>
    				<p class="time">On January 1, from 172.18.8.1</p>    				
    			</td>
    		</tr>
    		
    		<tr>
    			<td class="lastItem">
    				<p class="review">kinglon is a good boy. kinglon is a good boy kinglon is a good boy kinglon is a good boy kinglon is a good boy kinglon is a good boy</p>
    				<p class="time">On January 1, from 172.18.8.1</p>    				
    			</td>
    		</tr>
    		
    	</table>
    </div>
   </td>
  </tr>
  <!--eof product details and product review information-->
  
 </table>
 </div>